<template>
    <div class="tableCell">
      <van-cell class="cell" :border="border">
        <div slot="title" class="left">
          <p class="left"></p>
          <p>{{title}}</p>
        </div>
        <i class="iconfont" v-show="more" ﻿@tap="goPage(url)" style="color: #FF4747;font-size: 24rpx">更多>></i>
      </van-cell>
    </div>
</template>

<script>
    export default {
        name: "INDEX",
      props:{
          title:{
            type:String
          },
        border:{
            type: Boolean,
          default:false
        },
        url:{
            type:String
        },
        more:{
            type:Boolean,
          default: true
        }
      },
      methods:{
        goPage(url){
          uni.navigateTo({
          	url: url
          })
        }
      }
    }
</script>

<style scoped>
img{
  width: 30rpx;
  height: 30rpx;
}
.left{
  display: flex;
  align-items: center;
}
  .left>p:first-child{
    width: 8rpx;
    height: 28rpx;
    border-radius:4rpx;
    background-color: #EF5A56;
  }
.left>p:last-child{
  font-size: 34rpx;
  color: #323232;
  font-weight: bold;
  margin-left: 9rpx;
}
</style>
